<!--消费记录-->
<template>
  <div class="main_box">
    <Tools>
      <template slot="forms">
        <ToolsForm />
      </template>
    </Tools>
    <div class="table_box">
      <el-table :data="tableData" border style="width: 100%" ref="table">
        <el-table-column type="index" label="序号" width="60">
        </el-table-column>
        <el-table-column label="交易编号" width="160">
          <template slot-scope="scope">
            {{ scope.row.test }}
          </template>
        </el-table-column>
        <el-table-column label="司机所承运的货源摘要/服务名称">
          <template slot-scope="scope">
            <span class="red_clr">
              {{ scope.row.test }}
            </span>
          </template>
        </el-table-column>
        <el-table-column label="支付金额">
          <template slot-scope="scope">
            {{ scope.row.test }}
          </template>
        </el-table-column>
        <el-table-column label="支付类型">
          <template slot-scope="scope">
            {{ scope.row.test }}
          </template>
        </el-table-column>
        <el-table-column label="支付路径">
          <template slot-scope="scope">
            {{ scope.row.test }}
          </template>
        </el-table-column>
        <el-table-column label="支付状态">
          <template slot-scope="scope">
            <span class="green_clr">
              {{ scope.row.test }}
            </span>
          </template>
        </el-table-column>
        <el-table-column label="支付人姓名/手机">
          <template slot-scope="scope">
            {{ scope.row.test }}
          </template>
        </el-table-column>
        <el-table-column label="创建时间" width="160">
          <template slot-scope="scope">
            {{ scope.row.test }}
          </template>
        </el-table-column>
        <el-table-column label="操作" width="160">
          <template slot-scope="scope">
            <el-button type="primary" size="mini" @click="handleDetail"
              >订单详情</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <Page />
  </div>
</template>
<script>
import { Tools, Page } from '@/components/table/index';
import ToolsForm from './toolsForm';

export default {
  components: {
    Tools,
    Page,
    ToolsForm,
  },
  data () {
    return {
      tableData: [{ test: 'test' }]
    }
  },
  methods: {
    handleDetail () {
      this.$router.push({
        name: 'consumerDetail'
      })
    }
  }
}
</script>
<style lang="scss" scoped>
</style>